# CSS选择器定位
# Cascading Style Sheets（CSS）：层叠样式表，一种用来描述文档在网页上如何呈现样式的语言。
# 组成： 选择器 {属性名:属性值;}
# 语法： 浏览器对象.find_element(by=By.CSS_SELECTOR,value="CSS表达式")

# 导包
import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.chrome.options import Options

# 1.打开Edge浏览器
# driver = webdriver.Edge()
# 打开谷歌浏览器
service = Service(r"D://Python314//chromedriver.exe")
chrome_options = Options()
chrome_options.add_experimental_option("detach", True)
driver = webdriver.Chrome(service=service, options=chrome_options)   # 创建浏览器对象
# 2.输入访问地址（URL）
driver.get("http://121.43.169.97:8848/pageA.html")

# ID选择器
# 标签元素有ID属性
# 写法： value="#id属性值"
driver.find_element(By.CSS_SELECTOR,"#userA").send_keys("admin")
# 属性选择器
# 写法： value="[属性名='属性值']"
driver.find_element(By.CSS_SELECTOR,"[name='passwordA']").send_keys("123456")
# 类选择器
# 标签元素有class属性
# 写法： value=".class属性值"
driver.find_element(By.CSS_SELECTOR,".telA").send_keys("13012345678")
# 多个class值，通过点号连接
driver.find_element(By.CSS_SELECTOR,".emailA.dzyxA").send_keys("12345@qq.com")
# 标签选择器
# 写法： value="标签名"
driver.find_element(By.CSS_SELECTOR, "button").click()

# 等待3秒
time.sleep(30)
# 退出浏览器
driver.quit()







